<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" name="viewport">
    <meta content="ie=edge" http-equiv="X-UA-Compatible">
    <script src="/natal/js/rem.js"></script>
    <link rel="stylesheet" href="/natal/css/style.css?v=35552">
    <link rel="stylesheet" href="/natal/css/academic.css?v=4056">
    <title>本命预测</title>
</head>
<body>
<div class="money-report">
    <div class="nav" style="visibility:{$is_show_nav?'visible':'hidden'}">
        <div class="nav-box">
            <div class="bg-color" style="height: {$height/50 + 0.88}rem"></div>
            <div class="to-back" onclick="commonJsToNative('local', 'back');">
                <div class="img"></div>
            </div>
            <div class="title-name">{$data.name}</div>
        </div>
    </div>
    <div class="header-box header-box{$height}"></div>
    <div class="middle-box">
        <div class="top-box" style="margin-top:-0.16rem">
            <div class="bg-box">
                <img class="top-box-img" src="/natal/images/top-img-academic.png" alt="">
                <div class="text-box">
                    <p class="pre-text">{$text.text1}</p>
                </div>
            </div>
        </div>
        <div class="unlock-recode-box {$is_expand?'expand':''} {$unlock_recode_info.recode_is_change?'change':''}" data-expand="{$unlock_recode_info.recode_is_change?1:0}">
            <div class="unlock-recode-title">
                <span class="title">购买时的档案信息</span>
                <div class="is-expand-box"><span></span></div>
            </div>
            {foreach name="unlock_recode_info.info" item="recodeInfo"}
            <div class="recode-info-box">
                <div class="recode-name-box"><img src="{$recodeInfo.avatar}" alt=""><span class="recode-name">{$recodeInfo.name}</span></div>
                {foreach name="$recodeInfo.info_list" item="listItem"}
                <div class="recode-info-item">
                    <span class="info-title">{$listItem.title}</span>
                    <span class="info-value">{$listItem.content}</span>
                </div>
                {/foreach}
            </div>
            {/foreach}
            <div class="recode-change-box">
                <img src="/natal/images/gaojing.png" alt="" class="tip-icon">
                <img src="/natal/images/close-icon.png" alt="" class="close-icon">
                <div class="change-title">检测到当前档案出生时间已发生修改</div>
                <div class="change-desc">已购买的运势内容不会随着档案的修改重新计算</div>
                <div class="change-btn">再次开通</div>
            </div>
        </div>
        <div class="curv-box">
            <div class="curv-title scrollTitle" data-index="m-1">
                <img src="/natal/images/curv-title-academic.png?v=1" alt="">
            </div>
            <div class="curv-des">
                <p class="curv_des1">曲线图中年岁展示为虚岁年份</p>
                <p class="curv_des2">(例：30周岁代表实际周岁的29-30岁阶段)</p>
            </div>
            <div class="curv-area">
                <div class="curv-area-content">
                    <canvas id="curv">canvas</canvas>
                </div>
            </div>
            <div class="curv-tips">
                <div class="good"><i></i>适合学习的时期</div>
                <div class="bad"><i></i>需要更努力的时期</div>
            </div>
            <div class="curv-tips"
                 style="background: #F0F8FF;border-radius: 0.2rem;text-align: center;margin-top: 0.24rem;height: 0.6rem;line-height: 0.6rem;">
                数据标准：以每10年为周期，选取记分最高和最低的年份
            </div>
        </div>
        <div class="content-box">
            <!--学业运概述-->
            <div class="item-box">
                <div class="title-box scrollTitle" data-index="m-2">
                    <img src="/natal/images/title-xyygs-academic.png" alt="">
                </div>
                <div class="t5-box">
                    <p class="t1 pre-text"></p>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$text.text7}{$data.text[6]['content_text'][13060100]??'无词条'}</p>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$text.text8}{$data.text[6]['content_text'][13060101]??'无词条'}</p>
                </div>

                <div class="t3-box">
                    <p class="t3 pre-text">{$text.text9}{$data.text[6]['content_text'][13060102]??'无词条'}</p>
                </div>
            </div>
            <!--天赋分析-->
            <div class="item-box">
                <div class="title-box scrollTitle" data-index="m-3">
                    <img src="/natal/images/title-tffx-academic.png" alt="">
                </div>
                <div class="t1-box">
                    <p class="t1 pre-text">{$text.text2}</p>
                </div>
                <!--天赋类型-->
                <div class="title-item3 scrollTitle" data-index="m-3-1">
                    <span class="title-name type1">天赋类型</span>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[1]['content_text'][130100]??'无词条'}</p>
                </div>
                <!--学习优势-->
                <div class="title-item3 scrollTitle" data-index="m-3-2">
                    <span class="title-name type2">学习优势</span>
                </div>
                <div class="t3-box">
                    <div class="canvas-view">
                        <canvas id="advantage" width="300" height="300">优势雷达图不支持</canvas>
                    </div>
                    <p class="t3 pre-text">{$data.text[2]['content_text'][130200]??'无词条'}</p>
                </div>
                <!--不足及建议-->
                <div class="title-item3 scrollTitle" data-index="m-3-3">
                    <span class="title-name type1">不足及建议</span>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[2]['content_text'][130201]??'无词条'}<br/><br/>{$data.text[2]['content_text'][130202]??'无词条'}{if
                        isset($data.text[2]['content_text'][130203])}<br/><br/>{$data.text[2]['content_text'][130203]}{/if}{if
                        isset($data.text[2]['content_text'][130204])}<br/><br/>{$data.text[2]['content_text'][130204]}{/if}
                    </p>
                </div>
                <!--考试能力-->
                <div class="title-item3 scrollTitle" data-index="m-3-4">
                    <span class="title-name type2">考试能力</span>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[4]['content_text'][130400]??'无词条'}</p>
                </div>
                <!--学历高低-->
                <div class="title-item3 scrollTitle" data-index="m-3-5">
                    <span class="title-name type1">学历高低</span>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[5]['content_text'][130500]??'无词条'}</p>
                </div>
            </div>

            <!--基础教育分析-->
            <div class="item-box">
                <div class="title-box scrollTitle" data-index="m-4">
                    <img src="/natal/images/title-jcjyfx-academic.png" alt="">
                </div>
                <div class="t1-box">
                    <p class="t1 pre-text">{$text.text3}</p>
                </div>
                <!--科目优势-->
                <div class="title-item3 scrollTitle" data-index="m-4-1">
                    <span class="title-name type1">科目优势</span>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[3]['content_text'][130300]??'无词条'}</p>
                </div>
                <!--升学是否顺利-->
                <div class="title-item3 scrollTitle" data-index="m-4-2">
                    <span class="title-name type2">升学是否顺利</span>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[4]['content_text'][130401]??'无词条'}</p>
                </div>
            </div>

            <!--高等教育分析-->
            <div class="item-box">
                <div class="title-box scrollTitle" data-index="m-5">
                    <img src="/natal/images/title-gdjyfx-academic.png" alt="">
                </div>
                <div class="t1-box">
                    <p class="t1 pre-text">{$text.text4}</p>
                </div>
                <!--适合专业-->
                <div class="title-item3 scrollTitle" data-index="m-5-1">
                    <span class="title-name type1">适合专业</span>
                </div>
                <div class="t3-box">
                    <div class="canvas-view">
                        <canvas id="major" width="300" height="300">专业雷达图不支持</canvas>
                    </div>
                    <p class="t3 pre-text">{$data.text[3]['content_text'][130301]??'无词条'}
                    </p>
                </div>
            </div>

            <!--其他教育分析-->
            <div class="item-box">
                <div class="title-box scrollTitle" data-index="m-6">
                    <img src="/natal/images/title-qtjyfx-academic.png" alt="">
                </div>
                <div class="t1-box">
                    <p class="t1 pre-text">{$text.text5}</p>
                </div>
                <!--国外教育-->
                <div class="title-item3 scrollTitle" data-index="m-6-1">
                    <span class="title-name type1">国外及异地教育</span>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[5]['content_text'][130501]??'无词条'}</p>
                </div>
                <!--社会教育-->
                <div class="title-item3 scrollTitle" data-index="m-6-2">
                    <span class="title-name type2">社会教育</span>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[5]['content_text'][130502]??'无词条'}</p>
                </div>
            </div>

            <!--学业对你人生的影响-->
            <div class="item-box">
                <div class="title-box scrollTitle" data-index="m-7">
                    <img src="/natal/images/title-xydnrsdyx-academic.png" alt="">
                </div>
                <div class="t1-box">
                    <p class="t1 pre-text">{$text.text6}</p>
                </div>
                <!--对命运的影响-->
                <div class="title-item3 scrollTitle" data-index="m-7-1">
                    <span class="title-name type1">对你命运的影响</span>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[6]['content_text'][130600]??'无词条'}</p>
                </div>
            </div>
        </div>
        <div class="bottom-box">
            <div class="bg-box">
                <div class="text-box">
                    <p class="pre-text">{$text.end_desc}</p>
                </div>
            </div>
            <img class="bt-star" src="/natal/images/star_name.png" alt="">
            <img class="bt-img" src="/natal/images/star_bottom.png" alt="">
        </div>
    </div>
    <!--    抽屉-->
    <div class="menu-box">
        <div class="menu-button">
            <img src="/natal/images/menu-button_academic.png" alt="目录"/>
        </div>
        <div class="menu-shadow" id="menu-shadow"></div>
        <div class="menu-list">
            <div class="menu-title">
                <span class="head">目录</span>
                <i class="collapse"></i>
            </div>
            <dl>
                <dt data-index="m-1">1/学业运较好的年份</dt>
            </dl>
            <dl>
                <dt data-index="m-2">2/学业运概述</dt>
            </dl>
            <dl>
                <dt data-index="m-3">3/天赋分析</dt>
                <dd>
                    <ul>
                        <li data-index="m-3-1"><i class="circle"></i>天赋类型</li>
                        <li data-index="m-3-2"><i class="circle"></i>学习优势</li>
                        <li data-index="m-3-3"><i class="circle"></i>不足及建议</li>
                        <li data-index="m-3-4"><i class="circle"></i>考试能力</li>
                        <li data-index="m-3-5"><i class="circle"></i>学历高低</li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt data-index="m-4">4/基础教育分析</dt>
                <dd>
                    <ul>
                        <li data-index="m-4-1"><i class="circle"></i>科目优势</li>
                        <li data-index="m-4-2"><i class="circle"></i>升学是否顺利</li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt data-index="m-5">5/高等教育分析</dt>
                <dd>
                    <ul>
                        <li data-index="m-5-1"><i class="circle"></i>适合专业</li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt data-index="m-6">6/其他教育分析</dt>
                <dd>
                    <ul>
                        <li data-index="m-6-1"><i class="circle"></i>国外及异地教育</li>
                        <li data-index="m-6-2"><i class="circle"></i>社会教育</li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt data-index="m-7">7/学业对你人生的影响</dt>
                <dd>
                    <ul>
                        <li data-index="m-7-1"><i class="circle"></i>对你命运的影响</li>
                    </ul>
                </dd>
            </dl>
        </div>
    </div>
</div>
{include file="../apps/web/view/public/sensors.html" /}
<script>
    window.navHeight = {$height};
    window.levels = {$levels};
    window.appType = '{$appType}';
    window.version = '{$version}';
    window.isShow = 1; // 1抽屉隐藏 2抽屉显示
</script>
<script type="text/javascript" src="/natal/js/jquery-v2.1.1.min.js"></script>
<script type="text/javascript" src="/natal/js/common.js?v=36"></script>
<script type="text/javascript" src="/natal/js/canvas.js?v=34"></script>
<script type="text/javascript">
    window.onload = function (){
        window.drawCanvas.colors = ['#809BFF', '#83FED1'];
        window.drawCanvas.startYear = 6;
        window.drawCanvas.initload('curv', window.levels, 0);

        var radarCanvas = {
            ctx: null,
            dom: null,
            data: null,
            colors: {
                // 文字颜色
                textColor: '#7F8698',
                // 圆圈颜色
                circleColor: '#E3E3E3',
                // 区域描边颜色
                borderColor: '#AFD3FF',
                // 区域填充颜色
                areaColor: '#AFD3FF',
            },
            fontSize: 14,// 文字字体大小
            wholeScale: 4,// 画布缩放比例
            firstScale: 0.7,// 最外圈半径占画布半径的比例
            // 设置配置
            setConfig: function (option) {
                this.dom = document.getElementById(option.id);
                this.ctx = this.dom.getContext("2d");
                this.data = option.data;
                this.colors = option.colors;
                this.fontSize = option.fontSize ? option.fontSize : 14;
                this.wholeScale = option.wholeScale ? option.wholeScale : 4;
                this.firstScale = option.firstScale ? option.firstScale : 0.7;

                return this;
            },
            /**
             * 获取点的坐标
             * @param cx 中心点横坐标
             * @param cy 中心点纵坐标
             * @param r 半径
             * @param angle 角度
             */
            getPoint: function (cx, cy, r, angle) {
                var x = -r * Math.cos(Math.PI / 180 * angle) + cx;
                var y = -r * Math.sin(Math.PI / 180 * angle) + cy;
                return {x: x, y: y};
            },
            // 画圆
            drawCircle: function (x, y, cx, cy, r, strokeColor, filleColor) {
                this.ctx.beginPath();
                if (x && y) {
                    this.ctx.moveTo(x, y);
                }
                this.ctx.arc(cx, cy, r, 0, 2 * Math.PI, true);
                if (strokeColor) {
                    this.ctx.strokeStyle = strokeColor;
                    this.ctx.stroke();
                }
                if (filleColor) {
                    this.ctx.fillStyle = filleColor;
                    this.ctx.globalAlpha = 1;
                    this.ctx.fill();
                }
                this.ctx.closePath();
                return this;
            },
            // 绘制文字
            drawText: function (power, color, x, y, font_size) {
                this.ctx.beginPath();
                this.ctx.font = (font_size / 414 * canvas) + 'px Arial';
                this.ctx.fillStyle = color;
                this.ctx.globalAlpha = 1;
                this.ctx.fillText(power, x, y);
                this.ctx.closePath();
            },
            // 绘制线条
            drawLine: function (x1, y1, x2, y2, strokeColor, filleColor) {
                this.ctx.beginPath();
                if (x1 && y1) {
                    this.ctx.moveTo(x1, y1);
                }
                this.ctx.lineTo(x2, y2);
                if (strokeColor) {
                    this.ctx.strokeStyle = strokeColor;
                    this.ctx.stroke();
                }
                if (filleColor) {
                    this.ctx.fillStyle = filleColor;
                    this.ctx.globalAlpha = 1;
                    this.ctx.fill();
                }
                this.ctx.closePath();
            },
            // 绘制分数区域
            drawArea: function () {

            },
            // 开始绘制
            draw: function (option) {
                var thisObj = this.setConfig(option);
                var canvasWidth = $(thisObj.dom).parent().width();
                var cx = canvasWidth / 2,// 中心点
                    r1 = cx * thisObj.firstScale,
                    r2 = r1 * 0.7,
                    r3 = r1 + cx * 0.05,
                    itemNum = thisObj.data.length,
                    changeAngle = 360 / itemNum,
                    startAngle = 0,
                    fontSize = thisObj.fontSize * thisObj.wholeScale,
                    max = 7,
                    min = 0,
                    total = max - min;
                // 设置缩放 处理移动端虚化的问题
                thisObj.ctx.scale(thisObj.wholeScale, thisObj.wholeScale);
                // 设置canvas画布宽高 为4倍父级宽度
                thisObj.dom.setAttribute('width', canvasWidth);
                thisObj.dom.setAttribute('height', canvasWidth);
                // 设置画笔全局属性
                thisObj.ctx.lineWidth = this.wholeScale;
                thisObj.ctx.font = fontSize + 'px Arial';

                // 最外圈
                thisObj.drawCircle(cx + r1, cx, cx, cx, r1, thisObj.colors.circleColor);
                // 第二圈 虚线圈
                // thisObj.drawCircle(cx + r2, cx, cx, cx, r2, thisObj.colors.circleColor);
                // 第二圈 虚线圈
                thisObj.ctx.beginPath();
                thisObj.ctx.moveTo(cx + r2, cx);
                thisObj.ctx.arc(cx, cx, r2, 0, 2 * Math.PI, true);
                thisObj.ctx.strokeStyle = thisObj.colors.circleColor;
                thisObj.ctx.setLineDash([thisObj.wholeScale * thisObj.wholeScale, thisObj.wholeScale * thisObj.wholeScale]);
                thisObj.ctx.stroke();
                thisObj.ctx.closePath();
                // 绘制外圈文字
                for (var i = 0; i < itemNum; i++) {
                    var xy = thisObj.getPoint(cx, cx, r3, startAngle), halfFont = fontSize / 2;
                    // 最左边的右侧对其对齐
                    if (startAngle === 0) {
                        xy.y += halfFont;
                        thisObj.ctx.textAlign = 'right';
                    } else if (startAngle > 0 && startAngle < 90) {
                        xy.x -= halfFont;
                        xy.y -= halfFont;
                        thisObj.ctx.textAlign = 'center';
                    } else if (startAngle === 90) {
                        xy.y -= halfFont;
                        thisObj.ctx.textAlign = 'center';
                    } else if (startAngle > 90 && startAngle < 180) {
                        xy.x += halfFont;
                        xy.y -= halfFont;
                        thisObj.ctx.textAlign = 'center';
                    } else if (startAngle === 180) {
                        xy.y += halfFont;
                        thisObj.ctx.textAlign = 'left';
                    } else if (startAngle > 180 && startAngle < 270) {
                        xy.x += fontSize;
                        xy.y += fontSize;
                        thisObj.ctx.textAlign = 'center';
                    } else if (startAngle === 270) {
                        xy.y += fontSize;
                        thisObj.ctx.textAlign = 'center';
                    } else if (startAngle > 270 && startAngle < 360) {
                        xy.x -= halfFont;
                        xy.y += fontSize;
                        thisObj.ctx.textAlign = 'center';
                    }
                    // 绘制文字在外圆外部
                    thisObj.ctx.beginPath();
                    thisObj.ctx.fillStyle = thisObj.colors.textColor;
                    thisObj.ctx.globalAlpha = 1;
                    thisObj.ctx.fillText(thisObj.data[i].text, xy.x, xy.y);
                    thisObj.ctx.closePath();

                    // 绘制分割线
                    if (i < itemNum / 2) {
                        var xy1 = thisObj.getPoint(cx, cx, r1, startAngle),
                            crossAngle = startAngle > 180 ? (startAngle - 180) : (startAngle + 180),
                            xy2 = thisObj.getPoint(cx, cx, r1, crossAngle);
                        thisObj.ctx.beginPath();
                        thisObj.ctx.moveTo(xy1.x, xy1.y);
                        thisObj.ctx.lineTo(xy2.x, xy2.y);
                        thisObj.ctx.setLineDash([]);
                        thisObj.ctx.strokeStyle = thisObj.colors.circleColor;
                        thisObj.ctx.globalAlpha = 1;
                        thisObj.ctx.stroke();
                        thisObj.ctx.closePath();
                    }
                    // 绘制分数原点
                    var score = thisObj.data[i].sort;
                    score = score > max ? max : (score < 2 ? 2 : score);
                    var r4 = (score) / total * r1,
                        scoreXy = thisObj.getPoint(cx, cx, r4, startAngle);
                    // console.log('score：', score, ', r4：', r4, ', scoreXy：', scoreXy, ', startAngle：', startAngle);
                    thisObj.drawCircle(scoreXy.x, scoreXy.y, scoreXy.x, scoreXy.y, 6 * thisObj.wholeScale, '', '#4B93FF');

                    startAngle += changeAngle;
                }
            }
        };
        var majorsData = JSON.parse('{:json_encode($data.text[3]["levels"]["radar"][1])}'),
            advantageData = JSON.parse('{:json_encode($data.text[2]["levels"]["radar"])}'),
            // subjectsData = JSON.parse('{:json_encode($data.text[3]["levels"]["radar"][0])}'),
            // subjectsText = ['物理', '化学', '生物', '政治', '地理', '历史'],
            majorsText = ['哲学', '经济学', '法学', '教育学', '文学', '历史学', '理学', '工学', '农学', '医学', '管理学', '艺术学'],
            advantagesText = ['悟性', '创造', '条理', '语言'];// 水火土风

        var sData = [], mData = [], aData = [];
        for (var i = 0; i < 6; i++) {
            if (i < 4) {
                aData.push(
                    {
                        'i': advantageData[i]['a'],
                        'text': advantagesText[advantageData[i]['a']],
                        'sort': 5 - i
                    }
                );
            }
            // sData.push(
            //     {
            //         'i': subjectsData[i]['s'],
            //         'text': subjectsText[subjectsData[i]['s']],
            //         'sort': 7 - i
            //     }
            // );
            mData.push(
                {
                    'i': majorsData[i]['m'],
                    'text': majorsText[majorsData[i]['m']],
                    'sort': 7 - i
                }
            );
        }

        function ascend(a, b) {
            return a.i - b.i;
        }

        // 雷达图固定顺序升序排序
        sData.sort(ascend);
        mData.sort(ascend);
        aData.sort(ascend);


        //     option1 = {
        //     id: 'subjects',
        //     data: sData,
        //     colors: {
        //         textColor: '#7F8698',// 文字颜色
        //         circleColor: '#E3E3E3',// 圆圈颜色
        //         borderColor: '#AFD3FF',// 区域描边颜色
        //         areaColor: '#AFD3FF',// 区域填充颜色
        //     }
        // },
        var option2 = {
            id: 'major',
            data: mData,
            colors: {
                textColor: '#7F8698',// 文字颜色
                circleColor: '#E3E3E3',// 圆圈颜色
                borderColor: '#AFD3FF',// 区域描边颜色
                areaColor: '#AFD3FF',// 区域填充颜色
            },
            fontSize: 12,
            // firstScale: 0.5
        }, option3 = {
            id: 'advantage',
            data: aData,
            colors: {
                textColor: '#7F8698',// 文字颜色
                circleColor: '#E3E3E3',// 圆圈颜色
                borderColor: '#AFD3FF',// 区域描边颜色
                areaColor: '#AFD3FF',// 区域填充颜色
            },
            fontSize: 14
        };
        // 适合科目雷达图
        // radarCanvas.draw(option1);
        // 适合专业雷达图
        radarCanvas.draw(option2);
        // 天赋雷达图
        radarCanvas.draw(option3);

        var majorStatus = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
        $('.major').click(function () {
            var majorCode = $(this).data('id');
            if (majorStatus[majorCode] === 0) {
                majorStatus[majorCode] = 1;
                var majorDetails = [
                    '哲学、逻辑学、宗教学、伦理学',
                    '经济学、经济统计学、财政学、税收学、金融学、金融工程、保险学、投资学、国际经济与贸易、贸易经济、经济与贸易',
                    '法学、政治学与行政学、国际政治、外交学、社会学、社会工作、民族学、科学社会主义、中国共产党历史、思想政治教育、治安学、侦查学、边防管理、政治学类、公安学类',
                    '教育学、科学教育、人文教育、教育技术学、艺术教育、学前教育、小学教育、特殊教育、体育教育、运动训练、社会体育指导与管理、武术与民族传统体育、运动人体科学',
                    '中国语言文学、外国语言文学、新闻学、广播电视学、广告学、传播学、编辑出版学、新闻传播学',
                    '历史学、世界史、考古学、文物与博物馆学',
                    '数学类、物理学类、化学类、天文学、地理科学类、大气科学类、海洋科学类、地球物理学类、地质学类、生物科学类、心理学类、统计学类',
                    '力学类、机械类、仪器类、材料类、能源与动力工程、电气类、电子信息工程、电子科学与技术、通信工程、微电子科学与工程、光电信息科学与工程、信息工程、自动化、计算机科学与技术、软件工程、网络工程、信息安全、物联网工程、数字媒体技术、土木类、水利类、测绘类、化工与制药、地质类、矿业类、纺织类、轻工类、交通运输类、船舶与海洋工程、航空航天类、兵器类、核工类、农业工程类、林业工程类、环境科学与工程类、生物医学工程类、食品科学与工程类、建筑类、安全科学与工程类、生物工程、公安技术类',
                    '植物生产类、自然保护与环境生态类、动物科学、动物医学、林学类、水产类、草学类',
                    '基础医学、临床医学、口腔医学、公共卫生与预防医学类、中医学类、药学类、中药学类、法医学类、医学技术类、护理学类',
                    '管理科学与工程类、工商管理类、农业经济管理类、公共管理类、图书情报与档案管理类、物流管理与工程类、电子商务类、旅游管理类',
                    '艺术学理论类、音乐与舞蹈学类、戏剧与影视学类、美术学类、设计学类'
                ];
                var fontSize = parseInt($(this).css('font-size'));
                var top = $(this).offset().top + fontSize * 1.5;
                var majorListHtml = '<div class="major-details" data-id="' + majorCode + '" style="top:' + top + 'px;">\n' +
                    '        <div class="list">\n' +
                    majorsText[majorCode] + '包括：\n' +
                    majorDetails[majorCode] +
                    '        </div>\n' +
                    '    </div>';

                $('body').eq(0).append(majorListHtml);
            }
        });
        $('body').on('click', '.major-details', function () {
            var majorCode = $(this).data('id');
            majorStatus[majorCode] = 0;
            $(this).remove();
        });
        $('.unlock-recode-box.expand.change .recode-change-box .change-btn').click(function (){
            commonJsToNative('local','pay_order?type=7&rid={$Request.get.rid}&gid={$Request.get.gid}&live_id={$Request.get.live_id|default="0"}&need_auth=1','再次开通','一生报告页');
        })
    }
</script>
</body>
</html>
